<div class="shareholder-compare">
  <div class="shareholder-left">
    <ul>
      <li>十大股东持股</li>
      <li *ngFor="let d of leftData; trackBy: trackByShareholder">
        <span class="left-radius" [style.width]="d.PCTOfTotalShares + '%'"></span>
        <span class="holder-name">{{d.SHList.indexOf('－') > 0 ? d.SHList.slice(0, d.SHList.indexOf('－')) : d.SHList}}{{d.PCTOfTotalShares ? '(' + d.PCTOfTotalShares.toFixed(2) + '%)' : ''}}</span>
      </li>
    </ul>
  </div>
  <div class="shareholder-right">
    <ul>
      <li>十大流通股东持股</li>
      <li *ngFor="let d of rightData; trackBy: trackByShareholder">
        <span class="right-radius" [style.width]="d.PCTOfTotalShares + '%'"></span>
        <span class="holder-name">{{d.SHList.indexOf('－') > 0 ? d.SHList.slice(0, d.SHList.indexOf('－')) : d.SHList}}{{d.PCTOfTotalShares ? '(' + d.PCTOfTotalShares.toFixed(2) + '%)' :  ''}}</span>
      </li>
    </ul>
  </div>
</div>